@charset "utf-8";

@import "common/_reset.scss";

.web{
    width: 100%;
    /*头部*/
    header{
        width: 100%;
        height: 125px;
        overflow: hidden;
        position: relative;
        min-width: 1280px;
        
        .a_link{
              /*头部链接*/
            overflow: hidden;
            width: 328px;
            position: absolute;
            right: 173px;
            
            
            li{
                float:left;
                vertical-align: top;
                margin-top: 12px;
                a{
                    font-size: 12px;
                    color: #b3b2b2;
                }
               
            }
            .shuo{
                margin-top: 15px;
                color:#b3b2b2 ;
            }
        }

        h1{
                /*logo*/
            font-size: 26px;
            margin-top: 55px;
            margin-left: 179px;
            display: inline-block;
            
        }
        .logo{
            width: 82px;
            height: 34px;
            overflow: hidden;
            display: inline-block;
            img{
                height: 100%;
            }
          
        }
        .daohang{
             /*头部导航栏*/
            display: inline-block;
            margin-bottom:31px;
            margin-left: 113px;
         
            li{
                display: inline-block;
                width: 60px;
                height: 26px;
                padding-bottom: 25px;
                margin-left: 23px;
                
                text-align: center;
                a{
                    font-size: 13px;
                    color: #7a7878;
                    line-height: 26px;
                    font-weight: bold;
                    display: inline-block;
                }
              
            }
            li:hover{
                cursor: pointer;
                color: #f64f5b;
                border-bottom: 4px solid #1abc9c;
            }
            li:hover a{
                cursor: pointer;
                color: #f64f5b;
            }
            li:nth-child(1){
                width: 50px;
            }
            li:nth-child(2){
                width: 50px;
            }
            li:nth-child(8){
                width: 50px;
            }
             li:nth-child(6){
                width: 70px;
            }
        }
    }
    section{
        width: 100%;
        min-width: 1280px;
        .aboutUs{
        /*关于我们*/
             width: 100%;
             min-width: 1280px;
             height: 992px;
             background: url(../img/bg.png)no-repeat;
             background-size: 100%;
             position: relative;
        .erji{
            /*耳机1*/
                width: 558px;
                height: 493px;
                overflow: hidden;    
                position: absolute;
                top: 137px;
                img{
                    height: 100%;
                
            }
           
        }
            .erji2{
                /*耳机2*/
                width: 475px;
                height: 475px;
                overflow: hidden;
                position: absolute;
                right: 172px;
                bottom: 0px;
                img{
                    width: 100%;
                }
            }
            .en{
                /*英文*/
                font-size: 26px;
                line-height: 29.6px;
                color: #fff;
                position: absolute;
                top: 182.8px;
                right: 204px;
                
            }
            .cn{
                /*中文*/
                font-size: 30px;
                color: #fff;
                line-height: 50px;
                position: absolute;
                right: 204px;
                top: 236px;
            }
            input[type="button"]{
                /*按钮*/
                width:170px;
                height: 56px;
                border-radius: 6px;
                background: #3498db;
                font-size: 18px;
                line-height: 56px;
                color: #fff;
                font-weight: bold;
                position: absolute;
                right: 211px;
                top: 350px;
            }
            #mai{
                top: 350px;
                right: 397px;
            }
            input[type="button"]:hover{
                background: #1abc9c;
            }
            .words{
                /*关于我们*/
                width: 637px;
                height: 204px;
                position: absolute;
                left: 150px;
                bottom: 77px;
                 h2{
                 font-size: 18px;
                 font-weight: bold;
                 color: #34495e;
                 line-height: 30px;
                }
                P{
                   font-size: 12px; 
                   color: #34495e;
                   line-height: 30px;
                   font-weight: bold;
                }
            }
            
            
        }
        .weDo{
        /*weDo*/
             margin: 0 auto;
             width: 100%;
             min-width: 1280px;
             height: 461px;
             background: #38373d;
             text-align: center;
              h2{
                  font-size: 26px;
                  line-height: 30px;
                  color: #fff;
                  padding-top: 32px;
                 
              }
              h3{
                  font-size: 18px;
                  line-height: 30px;
                  color: #fff;
              }
              .do{
              /*图片和描述*/
                margin: 0 auto;
                width: 200px;
                margin-top: 38px;
                margin-bottom: 28px;
                display: inline-block;
                margin-left: 49px;
                margin-right: 49px;
                  .img{
                      width: 120px;
                      height: 120px;
                      overflow: hidden;
                      margin: 0 auto;
                  
                      img{
                          width: 100%;
                      }
                  }
                  .set{
                      font-size: 16px;
                      line-height: 15px;
                      color: #fff;
                      margin-top: 20px;
                      
                  }
                  .desc{
                      text-align: center;
                      p{
                          font-size: 12px;
                          color: #fff;
                          margin-top: 20px;
                      }
                  }
              }
        }
        .new{
        /*最新资讯*/
            width: 100%;
            min-width: 1280px;
            height: 570px;
            margin: 0 auto;
            padding-top: 49px;
            text-align: center;
            h2{
                font-size: 26px;
                color: #57616c;
                margin: 0 auto;
                width: 612px;
                border-bottom: 1px solid #e7e7e7;
                padding-bottom: 15px;
            }
            .double{
                width: 808px;
                text-align: center;
                margin: 0 auto;
                margin-top: 10px;
                .zixun{
                margin: 0 auto;
                width: 377px;
                height: 90px;
                display: inline-block;
                margin-top: 32px;
                margin-left: 11px;
                margin-right: 11px;
                .liubianxing{
                    width: 81px;
                    height: 90px;
                    overflow: hidden;
                    display: inline-block;
                    vertical-align: middle;
                        margin-right: 8px;
                    img{
                        width: 100%;
                    }
                   
                }
                 .zixun_desc{
                        font-size: 14px;
                        font-weight: bold;
                        color: #57616c;
                        display: inline-block;
                        width: 276px;
                        height: 40px;
                        vertical-align: middle;
                        line-height: 25px;
                        text-align: left;
                        position: relative;
                        span{
                            position: absolute;
                            bottom: -11px;
                            right: 0;
                        }
                    }
            }
            }
 
        }
        .product{
            width: 100%;
            min-width: 1280px;
            height: 654px;
            background: url(../img/bg2.png)no-repeat;
            background-size: 100%;
            position: relative;
            border-bottom: 83px solid #ebecec;
            h2{
                text-align: center;
                 font-size: 26px;
                color: #fff;
                margin: 0 auto;
                width: 612px;
                border-bottom: 1px solid #e7e7e7;
                padding-bottom: 15px;
                padding-top: 30px;                  
            }
            .pro_img{
            a{
                display: inline-block;
                
            }
                .pro1{
                            width:243px ;
                            height: 247px;
                            overflow: hidden;
                            display: inline-block;
                            margin-left: 158px;
                            margin-top: 140px;
                           
                          
                            img{
                                width: 100%;
                            }
                    }
                    
            }
           
                .pro2{
                            width:370px ;
                            height: 370px;
                            overflow: hidden;
                            display: inline-block;
                            margin-left: 78px;
                             margin-top: 32px;
                             img{
                                 width: 100%;
                             }
                  }           
            
           
                .pro3{
                            width:248px ;
                            height: 247px;
                            overflow: hidden;
                            display: inline-block;
                            margin-left: 78px;
                             margin-top: 144px;
                             img{
                                 height: 100%;
                             }
                        }
            
           
            
                    
            
        }
       
    }
    footer{
        width: 100%;
        min-width: 1280px;
        .connectus{
            /*联系方式*/
            width: 100%;
            min-width: 1280px;
            height: 425px;
            background: #38373d;
            .left{
                display: inline-block;
                width: 487px;
                vertical-align: top;
           
            .code_sao{
                 /*扫码*/
                width: 132px;
                text-align: center;
                display: inline-block;
                vertical-align: top;
                .code{
                    width:119px ;
                    height: 119px;
                    overflow: hidden;
                    margin: 0 auto;
                    margin-bottom: 9px;
                    img{
                        width: 100%;
                    }
                }
                p{
                    width: 132px;
                    font-size: 12px;
                    color: #fff;
                    text-align: center;
                    margin: 0 auto;
                }
            }
            .method{
            /*联系方式*/
                display: inline-block;
                vertical-align: top;
                margin-left: 32px;
                .con_method{
                    font-size: 16px;
                    color: #fff;
                    font-weight: bold;
                  
                    }
                      ul{
                        font-size: 14px;
                        color: #fff;
                        margin-top: 27px;
                        .method_li{
                            font-size: 14px;
                            color: #fff;
                            vertical-align: top;
                            margin-bottom: 13px;
                            .iconsize{
                                font-size: 20px;
                                vertical-align: top;
                            }
                            p{
                                display: inline-block;
                                width: 203px;
                                line-height: 20px;
                                vertical-align: top;
                            }
                        }
                        .li2{
                            margin-top: -10px;
                            margin-bottom: 5px;
                        }
                       
                        .iconsize{
                                font-size: 20px;
                                vertical-align: top;
                            }
                        
                        
                }
            }
         }   
            .right{
            /*联系方式右边*/
                display: inline-block;
                vertical-align: top;
                margin-top:61px ;
                p{
                    color: #fff;
                    font-size: 16px;
                    font-weight: bold;
                }
                form{
                    width: 391px;
                    input[type="text"]{
                        height: 40px;
                        background: #5d6d7e;
                        border-radius: 5px;
                        border: 0;
                        padding-left: 5px;
                        font-size: 13px;
                        color: #fff;
                        margin-top: 11px;
                        
                    }
                    input[type="text"]::-webkit-input-placeholder{
                        color: #959ea8;
                    }
                    textarea{
                        background: #5d6d7e;
                        width: 100%;
                        height: 144px;
                        overflow: hidden;
                        margin-top:11px ;
                        border: 0;
                        border-radius: 5px;
                    }
                    
                    #xingming{
                        width: 170px;
                        margin-right: 13px;
                    }
                    #email{
                        width: 200px;
                    }
                    #biaoti{
                        width: 100%;
                    }
                    input[type="submit"]{
                        width: 98px;
                        height: 40px;
                        background: #5d6d7e;
                        border-radius: 5px;
                        margin-top: 10px;
                        margin-left: 294px;
                        font-size: 14px;
                        color: #fff;
                        font-weight: bold;
                    }
                    input[type="submit"]:hover{
                        background: #3498db;
                        cursor: pointer;
                    }
                }
                
            }
        }
        .webfooter{
            width: 100%;
            min-width: 1280px;
            height: 118px;
            background: #2c3e50;
            .shengming{
               padding-top:34px ;
            p{
                font-size: 14px;
                font-weight: bold;
                color: #fff;
                text-align: center;
                padding-top: 10px;
            }
            }
        }
    }
 }  